<% content_for :head do %>
  <%= javascript_include_tag "welcome" %>
<% end %>

<% content_for :heading do %>
  <h1><%= t ".title" %></h1>
<% end %>

<p class="lead"><%= t ".introduction" %></p>

<h2><%= t ".whats_on_the_map.title" %></h2>

<div class='row'>
  <div class='col-sm'>
    <%= inline_svg_tag "welcome/check.svg", :class => "d-block mx-auto" %>
    <p><%= t ".whats_on_the_map.on_the_map_html", :real_and_current => tag.em(t(".whats_on_the_map.real_and_current")) %></p>
  </div>
  <div class='col-sm'>
    <%= inline_svg_tag "welcome/cross.svg", :class => "d-block mx-auto" %>
    <p><%= t ".whats_on_the_map.off_the_map_html", :doesnt => tag.em(t(".whats_on_the_map.doesnt")) %></p>
  </div>
</div>

<h2><%= t ".basic_terms.title" %></h2>

<p><%= t ".basic_terms.paragraph_1" %></p>

<ul class='list-unstyled'>
  <li class='d-flex align-items-center gap-2 mb-2'>
    <%= inline_svg_tag "welcome/editor.svg", :class => "flex-shrink-0 align-self-start" %>
    <span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
  </li>
  <li class='d-flex align-items-center gap-2 mb-2'>
    <%= inline_svg_tag "welcome/node.svg", :class => "flex-shrink-0 align-self-start" %>
    <span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
  </li>
  <li class='d-flex align-items-center gap-2 mb-2'>
    <%= inline_svg_tag "welcome/way.svg", :class => "flex-shrink-0 align-self-start" %>
    <span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
  </li>
  <li class='d-flex align-items-center gap-2 mb-2'>
    <%= inline_svg_tag "welcome/tag.svg", :class => "flex-shrink-0 align-self-start" %>
    <span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
  </li>
</ul>

<h2><%= t ".rules.title" %></h2>
<div class='d-flex align-items-center gap-2'>
  <%= inline_svg_tag "welcome/rules.svg", :class => "flex-shrink-0 align-self-start" %>
  <p><%= t ".rules.para_1_html", :imports_link => link_to(t(".rules.imports"), t(".rules.imports_url")),
                                 :automated_edits_link => link_to(t(".rules.automated_edits"), t(".rules.automated_edits_url")) %></p>
</div>

<%= render "any_questions" %>

<div class='text-center mb-3'>
<% if params[:oauth_return_url] %>
  <a class="btn btn-primary" href="<%= params[:oauth_return_url] %>"><%= t ".continue_authorization" %></a>
<% else %>
  <%= link_to t(".start_mapping"), edit_path(:editor => params[:editor], :anchor => map_hash(params)), :class => "btn btn-primary start-mapping" %>
<% end %>
</div>

<div class='alert alert-secondary'>
  <h2><%= t "site.add_a_note.title" %></h2>
  <%= render "add_a_note" %>
</div>
